﻿@charset "UTF-8";
/* CSS Document */
/*
-----------------------------首页样式start-----------------------------
*/
/*头部开始*/
.top1{ height: 40px; line-height: 40px; background: #efefef;}
.top1L{ color: #333333; font-size: 12px;}
.top1L span{ margin-right: 25px;}
.top1R{ overflow: hidden;}
.top1R a{ float: left; display: inline; color: #333333;}
.top1R em{ float: left; display: inline; font-style: normal; width: 1px; height: 10px; background: #dbdbdb; margin: 15px;}
.top1R a:hover{ color: #999999;}

.top2{ height: 90px; background: #f9f9f9;}
.logo{ height: 54px; margin: 18px 0 0 0;}
.logo img{ display: block; height: 54px;}
.top2R{ margin-top: 25px;}
.search{ overflow: hidden; margin-right: 15px;}
.search input{ float: left; display: inline; width: 328px; height: 38px; padding: 0 10px; border: 1px solid #dddddd; background: #FFF; color: #333; font-size: 14px;border-radius:3px 0 0 3px}
.search input::-webkit-input-placeholder{
	color: #999999;/* placeholder颜色 */
	font-size:14px;/* placeholder字体大小 */
	text-align: left; /* placeholder位置 */
}
.search a{ float: left; display: inline; width: 70px; height: 40px; background:#5b5b5b url(../images/fIcn1.png) no-repeat center center;border-radius:0 3px 3px 0}
.top2RBtn{ overflow: hidden;}
.top2RBtn a{ display: block; height: 40px; line-height: 40px; width: 100px; font-size: 14px; color: #ffffff; text-align: center; background: #cd2027;border-radius:3px}
.search a:hover,.top2RBtn a:hover{ opacity: .9;}

.top3{ height: 50px; background: #ffffff;position: relative;z-index:111}
.menu{position: relative;float:left;}
.menu dd{ float: left; display: inline;position:relative;z-index:0}
.menu dd.hover{z-index:11}
.menu dd .yj{ display: block;}
.menu dd .yj a{ display: block; padding: 0 50px; height: 50px; line-height: 50px; font-size: 15px;color: #333333;}
.menu dd.hover .yj a{ background: #cd2027; color: #FFF;}
.subMenuDiv{
	display: none;
	width:130%;
	background:#fff;
	overflow: hidden;
	position: absolute;
	left:-15%;
	top:50px;
	box-shadow:0 3px 5px rgba(0,0,0,0.1);
	border-radius:0 0 3px 3px;
}
.subMenuDiv.typ2{
	width:780px;
	left:-50px;
}
.subMenu_ul{
	clear: both;
	overflow: hidden;
	padding:10px 0;
}
.subMenuDiv.typ2 .subMenu_ul{padding:15px;}
.subMenu_ul li{
    overflow: hidden;
    position: relative;
}
.subMenuDiv.typ2 .subMenu_ul li{margin:5px 0;}
.subMenuDiv.typ2 .subMenu_ul li{
	 float: left;
    display: inline;
}
.subMenu_ul li .li_a1{
	display: block;
	clear: both;
	line-height:24px;
	overflow: hidden;
	color:#333333;
	padding:5px;
	font-size:12px;
	text-align:center;
}
.subMenuDiv.typ2 .subMenu_ul li .li_a1{padding:0 15px;color:#cd2027;text-align:left;font-size:14px;}
.subMenu_ul li .li_a1:hover{color:#cd2027}
.liDiv_a{
	overflow: hidden;
	padding:0 15px;
}
.liDiv_a a{
	display:inline;
	float: left;
	width: 120px;
	line-height: 20px;
	color: #333333;
	text-align: left;
	padding:5px 0;
	
}
.liDiv_a a:hover{color:#cd2027}
/*头部结束*/
/*menu开始*/

/*menu结束*/
/*indexBanner开始*/
.indexBanner{ overflow: hidden; height: 500px; width: 100%; position: relative;}
.indexBanner .myslide{ background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; height: 500px;}
.indexBanner .slick-dots{ position: absolute; bottom:21px; width: 100%; text-align: center;}
.indexBanner .slick-dots li{ width:27px; height:4px; line-height: 9999px; text-align: center; background: #89a6cc; color: #ffffff; display: inline-block; margin: 0 5px; cursor: pointer;border-radius:3px}
.indexBanner .slick-dots li.slick-active{background: #ffffff;}
.indexBanner .con1{ position: absolute; left:50%; top: 50%; margin-top: -143px;]}
/*indexBanner结束*/
.indexT{text-align: center; font-size: 0px;}
.indexTC{ display: inline-block; overflow: hidden; border-bottom: 3px solid #cd2027; padding: 7px 0;}
.indexTL{ font-size: 50px; color: #cd2027; height: 38px; line-height: 38px; margin-right: 5px;}
.indexTR{ overflow: hidden;}
.indexTR span{ overflow: hidden; display: block; line-height: 12px; height: 12px; font-size: 12px; color: #cd2027; margin-bottom: 2px;}
.indexTR em{ overflow: hidden; display: block; line-height: 25px; height: 25px; font-size: 24px; color: #333333; font-style: normal;}
/*第一通栏start*/
.indexBtn{ text-align: center;}
.indexBtnC{ display: inline-block; overflow: hidden;}
a.more{ float: left; display: inline; width: 70px; height: 40px; background:#FFF url(../images/more1.png) no-repeat center center; margin: 0 10px; border-radius: 3px; transition: all 500ms;-webkit-transition: all 500ms;}
a.more:hover{ background-color: #cd2027; background-image: url(../images/more1h.png)}
.column1Box{ padding: 50px 0; background: #f2f2f2;}
.cloumn1{ padding-top: 5px;}

.column1Scroll{position: relative;}
.column1Scroll .bd{ overflow: hidden;padding:10px 5px;}
.column1Scroll .slick-list{ overflow: visible; margin-right: -20px; }
.column1Scroll .myslide{ width: 100%; float: left; display: inline;}
.column1Scroll .con{ padding-right: 0px;}
.column1ArrowsBox{ display: block; overflow: hidden; text-align: center;}
.column1Arrows{ display: inline-block; overflow: hidden;}
.column1Arrows .prev{ display:block; width: 40px; height: 40px; cursor: pointer; background: #FFF url(../images/prev1.png) no-repeat center center; float: left; display: inline; display: none; border-radius: 3px; transition: all 500ms;-webkit-transition: all 500ms;}
.column1Arrows .next{ display:block; width: 40px; height: 40px; cursor: pointer; background: #FFF url(../images/next1.png) no-repeat center center; float: left; display: inline; display: none; border-radius: 3px; transition: all 500ms;-webkit-transition: all 500ms;}
.column1Arrows .prev:hover{ background-color: #cd2027; background-image: url(../images/prev1h.png)}
.column1Arrows .next:hover{ background-color: #cd2027; background-image: url(../images/next1h.png)}

.column1List dd{ float: left; display: inline; width: 20%; float: left; display: inline; margin-bottom: 20px;}
.column1List dd a{ display: block; margin-right: 20px; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.02); transition: all 500ms;-webkit-transition: all 500ms;overflow:hidden;border-radius:3px}
.column1List dd a:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.column1List dd .pic{position: relative;overflow: hidden;}
.column1List dd .pic:after{
	content: "";
	display: block;
	width: 100%;
	padding-top: 75%;
}
.column1List dd .pic img{ display: block; position: absolute; left:50%; top:50%;max-width: 100%;max-height: 100%;object-fit:contain;transform:translate(-50%,-50%)}
.column1List dd .text{ padding: 10px;overflow: hidden;background:#fbfbfb;transition-duration:0.3s;position: relative}
.column1List dd .text:after{
	content: "";
	display: block;
	width:100%;
	height:1px;
	background:#e6e6e6;
	position: absolute;
	top: 0;
	left:0;
	opacity:0;
	transition-duration: 0.3s;
}
.column1List dd a:hover .text:after{opacity:1}
.column1List dd a:hover .text{background:#fff}
.column1List dd .text h1{ height: 25px; line-height: 25px; font-weight: normal; overflow: hidden; font-family: Arial; font-size: 14px; color: #333333;word-break: break-all}
.column1List dd .text span{ display: block; height: 25px; line-height: 25px; overflow: hidden; color: #999999;}
.column1List dd .text em{ display: block; font-style: normal; font-size: 12px;color: #c80000;}
/*第一通栏end*/
/*第二通栏start*/
.column2Box{padding: 50px 0; background: #f7f7f7;}
.column2Scroll{position: relative;}
.column2Scroll .bd{ overflow: hidden;padding-top:10px;}
.column2Scroll .slick-list{ overflow: visible; margin-right: -20px; }
.column2Scroll .myslide{ width: 20%; float: left; display: inline;position:relative;top:0;transition-duration:0.3s}
.column2Scroll .myslide:hover{top:-10px;}
.column2Scroll .con{ padding-right: 20px;}
.column2ArrowsBox{ display: block; overflow: hidden; text-align: center;}
.column2Arrows{ display: inline-block; overflow: hidden;}
.column2Arrows .prev{ display:block; width: 40px; height: 40px; cursor: pointer; background: #FFF url(../images/prev1.png) no-repeat center center; float: left; display: inline; display: none; border-radius: 3px; transition: all 500ms;-webkit-transition: all 500ms;}
.column2Arrows .next{ display:block; width: 40px; height: 40px; cursor: pointer; background: #FFF url(../images/next1.png) no-repeat center center; float: left; display: inline; display: none; border-radius: 3px; transition: all 500ms;-webkit-transition: all 500ms;}
.column2Arrows .prev:hover{ background-color: #cd2027; background-image: url(../images/prev1h.png)}
.column2Arrows .next:hover{ background-color: #cd2027; background-image: url(../images/next1h.png)}

.column2Scroll .myslide a{ display: block;text-align: center; padding:0 20px 45px; background: #f6dadb;transition-duration: 0.3s;border-radius:3px;overflow:hidden}
.column2Scroll .myslide a:hover{box-shadow:0 3px 5px rgba(0,0,0,0.1)}
.column2Scroll .icn{ padding:40px 0 10px 0; height:80px;}
.column2Scroll .icn img{ display: block; height:80px; margin: 0 auto;}
.column2Scroll .title{ height:30px; line-height: 30px; color: #333333; font-size: 14px;overflow: hidden;margin-top:15px;}
.column2Scroll .text{ height:48px; line-height: 24px; color: #666666; font-size: 12px;}

.column2Scroll .myslide.col1 a{ background: #f6dadb;}
.column2Scroll .myslide.col2 a{ background: #f2e8c4;}
.column2Scroll .myslide.col3 a{ background: #cbe3f3;}
.column2Scroll .myslide.col4 a{ background: #f7e4d1;}
.column2Scroll .myslide.col5 a{ background: #d5daf3;}
.column2Scroll .myslide.col6 a{ background: #c3f1ec;}
.column2Scroll .myslide.col7 a{ background: #edd9f7;}
/*第二通栏end*/
/*
*第三通栏start fpx 2018
*/
.column3Box{padding: 50px 0; background: #f3f3f3 url(../images/c3Bg.jpg) no-repeat center bottom;}
.indexSubMenu{ overflow: hidden;text-align: center; font-size: 0px;}
.indexSubMenu a{ display: inline-block; font-size: 14px; color: #333333; padding: 0 30px; height: 40px; line-height: 40px; background: #FFF; margin: 0 15px; border-radius: 3px;}
.indexSubMenu a.hover{ background: #cd2027; color: #FFF;}
.indexSubMenu a:hover{ background: #cd2027; color: #FFF;}
.column3CBox{ position: relative;}
.column3C1{width:28%;}
.column3C1 a{ display: block; background: #FFF;transition-duration:0.3s;overflow:hidden;border-radius:3px}
.column3C1 a:hover{box-shadow:0 3px 6px rgba(0,0,0,0.1)}
.column3C1 .pic{ position: relative; padding-top: 65.8031%;}
.column3C1 .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.column3C1 .text{ overflow: hidden; padding:10px 20px 20px;}
.column3C1 .text .title{ height: 38px; line-height: 38px; overflow: hidden; color: #333333; font-size: 14px;}
.column3C1 .text .time{ height: 25px; line-height: 25px; overflow: hidden; color: #999999; font-size: 12px; margin-bottom: 7px;}
.column3C1 .text .info{ height: 48px; line-height: 24px; overflow: hidden; color: #999999; font-size: 12px;}
.column3C1 a:hover .text .title{ color: #cd2027;}

.column3C2{height: 100%;position: absolute;width: 72%;right: 0px;top: 0px;padding-bottom: 20px;box-sizing: border-box;}
.column3C2List{height: 100%;margin-right: -20px; margin-left: 20px;}
.column3C2List dd{ float: left; display: inline; width: 50%; height: 50%; margin-bottom: 20px;}
.column3C2List dd .con{ display: block; margin-right: 20px; height: 100%;}
.column3C2List dd .con a{ display: block; height: 100%; background: #FFF;transition-duration:0.3s;border-radius:3px;overflow:hidden}
.column3C2List dd .con a:hover{box-shadow:0 3px 6px rgba(0,0,0,0.1)}
.column3C2List dd .con a .text{ overflow: hidden; padding:10px 20px 20px;}
.column3C2List dd .con a .text .title{ height: 38px; line-height: 38px; overflow: hidden; color: #333333; font-size: 14px;}
.column3C2List dd .con a .text .time{ height: 25px; line-height: 25px; overflow: hidden; color: #999999; font-size: 12px; margin-bottom: 7px;}
.column3C2List dd .con a .text .info{ height: 48px; line-height: 24px; overflow: hidden; color: #999999; font-size: 12px;}
.column3C2List dd .con a:hover .text .title{ color: #cd2027;}
/*第三通栏end*/
/*第四通栏start*/
.cloumn4{}
/*第四通栏end*/
/*底部开始*/
.footer1Box {
	background: #2e2e2e url(../images/footer1Bg.jpg) no-repeat center bottom;
    padding: 20px 0;
}
.footer1 {
	overflow: hidden;
}
.footerLF {
	float: left;
	display: inline;
}
.footerMenu {
	overflow: hidden;
}
.footerMenu dd {
	float: left;
	display: inline;
    min-width: 100px;
	margin-right: 52px;
}
.footerMenu dd em {
	font-style: normal;
	display: block;
	line-height: 43px;
	height: 43px;
	overflow: hidden;
}
.footerMenu dd em a {
	font-size: 14px;
	color: #ffffff;
}
.footerMenu dd em a:hover {
	color: #cd2027;
}
.footerMenu dd span {
	font-style: normal;
	display: block;
	line-height: 20px;
	padding: 5px 0;
	overflow: hidden;
}
.footerMenu dd span a {
	font-size: 12px;
	color: #eeeeee;
}
.footerMenu dd span a:hover {
	color: #cd2027;
}
.footContact li{
	display: block;
	line-height: 20px;
	padding: 5px 0;
	overflow: hidden;
    color: #ededed;
    font-size: 14px;
    padding-left: 25px;
    background-position: left center;
    background-repeat: no-repeat;
}
.footContact li.li1{ background-image: url(../images/fFootIcn1.png)}
.footContact li.li2{ background-image: url(../images/fFootIcn2.png)}
.footContact li.li3{ background-image: url(../images/fFootIcn3.png)}
.footerEwm {
	overflow: hidden;
}
.footerEwm dd {
	float: left;
	display: inline;
	position: relative;
	width: 122px;
	overflow: hidden;
	margin-left: 18px;
}
.footerEwm dd img {
	display: block;
	width: 120px;
	height: 120px;
    border: 1px solid #e6e6e6;
}
.footerEwm dd span {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #ededed;
}
.footerEwm {
	float: left;
    padding-top: 15px;
}
.footer1Text{ line-height: 33px; color: #ededed; font-size: 12px; padding-top:15px;}
.footerBO1 {
	background-color: #d6d6d6;
	overflow: hidden;
	height: 50px;
    line-height: 50px;
    color: #666666;
}
/*底部结束*/
/*
-----------------------------首页样式end-----------------------------
*/
/*
-----------------------------频道页start-----------------------------
*/
/*
-----------------------------频道页end-----------------------------
*/
/*内页框架开始*/
/*内页外结构开始*/

/*内页外结构结束*/
/*当前位置开始*/

/*当前位置结束*/
/*页码开始*/
.page{padding-top:30px;text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:6px 12px;color:#999999;border-radius:3px;background: #fff; margin: 0 3px;border:1px solid #e6e6e6}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{background: #cd281e;color: #fff;border:1px solid #cd281e}
.page a.hover{background: #cd281e;color: #fff;border:1px solid #cd281e}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}

.page a div{
	width: 11px;
    height: 19px;
	background-position: center center;
	background-repeat: no-repeat;
}
.page a.firstPage div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage div{background-image: url(../images/page/lastPage.png)}

.page a.firstPage:hover div{background-image: url(../images/page/firstPageh.png)}
.page a.prevPage:hover div{background-image: url(../images/page/prevPageh.png)}
.page a.nextPage:hover div{background-image: url(../images/page/nextPageh.png)}
.page a.lastPage:hover div{background-image: url(../images/page/lastPageh.png)}

.page a.firstPage.disabled{background:#E2E2E2;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;}

.page a.firstPage.disabled div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage.disabled div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage.disabled div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage.disabled div{background-image: url(../images/page/lastPage.png)}
/*页码结束*/
/**/
.floatR{
	width: 40px;
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 999;
    margin-top:70px;
	transition-duration:0.3s;
}
.floatR a{
	display: block;
	width:40px;
	height:40px;
	border-radius:4px;
	overflow:hidden;
	background-color:#fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:auto 20px;
	margin-bottom:10px;
	box-shadow: 0 0 9px 0 rgba(0,0,0,0.15);
}
.floatR a:hover{background-color:#cd2027;box-shadow: 0 3px 5px rgba(0,0,0,0.1);;}
.floatR a span{
	display: block;
	width:40px;
	height:40px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:auto 20px;
}
.floatR a span.icon1{background-image:url(../images/icon8.png)}
.floatR a span.icon2{background-image:url(../images/icon9.png)}
.floatR a span.icon1:hover{background-image:url(../images/icon8h.png)}
.floatR a span.icon2:hover{background-image:url(../images/icon9h.png)}
.getHomeDiv{display:none}
.floatR a.getHome{background-image:url(../images/getHome.png);}
.floatR a.getHome:hover{background-image:url(../images/getHomeh.png);}
/*内页框架结束*/
/**/
.pdtNumber{
	clear: both;
	height:0;
	position: relative;
	z-index: 1;
}
.pdtNumberBox{
	height:50px;
	line-height: 50px;
	position: absolute;
	bottom: 0;
	right:40px;
	z-index:1;
	font-size: 14px;
    color: #666;
}
.pdtNumberBox span{color:#cd2027;font-weight:bold;padding:0 5px;}
.khzxBoxBox{transform:scale(0.9)}
/**
/*客服*/
.customer {position: fixed; z-index: 300; right: 0px; top:50%;margin-top:-115px; box-shadow: 0 3px 4px rgba(0,0,0,0.3); border-right: 0px; border-radius: 5px 0 0 5px; overflow: hidden; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-100);transition-duration:0.3s;}
.customer-anchor { float: left; height: 200px; width: 38px; background: #f90; }
.customer-anchor-icon { width: 11px; height: 20px; background: url(../images/jiantou180.png) no-repeat; margin: 0 auto; margin-top: 35px; }
.c-active .customer-anchor-icon { background: url(../images/jiantou.png) no-repeat !important; }
.customer-anchor p { color: #fff; font-family: "Microsoft YaHei"; font-size: 14px; width: 14px; margin: 0 auto; margin-top: 11px; line-height: 18px; }
.customer-box { float: left; width: 0px; background: #fff; height: 200px; overflow: hidden; }
.customer-box-wrp { margin: 22px 0px 0px 14px; width: 160px; height: 137px; }
.customer-box-wrp .icon-phone { width: 24px; height: 24px; display: inline-block; vertical-align: middle; background: url(../images/icon_tel.png) no-repeat; }
.customer-box-wrp .icon-qq { width: 24px; height: 24px; display: inline-block; vertical-align: middle; background: url(../images/icon_qq.png) no-repeat; }

.customer-box-wrp span { font-family: "Microsoft YaHei"; font-size: 14px; }
.customer-box-wrp .f12 { font-size: 12px; margin-left: 28px; color: #8a8a8a; }
.customer-box-wrp .link_join { text-decoration: none; font-size: 14px; font-family: "Microsoft YaHei"; color: #199ae6; }
/**/
.spchNnn{
	clear:both;
	overflow:hidden;
	padding:30px;
	background:#fcf8e3;
	border-radius:3px;
	border:1px solid #faebcc;
	font-size:16px;
	color:#666;
	line-height:120px;
	text-align: center;
	margin-right:15px;
	color: brown;
}
/**/
.linkBox{
	clear: both;
	overflow:hidden;
	padding:10px 0;
}
.linkBox span{
	float:left;
	line-height:40px;
	font-size:14px;
	color:#333;
}
.linkBox a{
	display:inline;
	float:left;
	height:40px;
	overflow:hidden;
	line-height:40px;
	border-radius:3px;
	color:#333;
	padding:0 10px;
	position: relative;
}
.linkBox a:hover{color:#cd2027}
.linkBox a:after{
	content:"";
	display: block;
	width:1px;
	height:10px;
	background:#f5f5f5;
	position: absolute;
	right:0;
	top:50%;
	margin-top:-5px;
}
.linkBox a:last-child:after{display:none}
@media (max-width:1650px) {
	.footerMenu dd{margin-right:40px}	
}